﻿<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>跑腿</title>
        <meta name="viewport" content="initial-scale=1">

        <link rel="stylesheet" href="css/swiper.min.css">
        <link href="css/animate.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/index.css" rel="stylesheet" type="text/css"/>
        <script src="js/rem.js" type="text/javascript"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/swiper.animate1.0.2.min.js" type="text/javascript"></script>
        <script src="js/swiper.min.js"></script>
    </head>
    <body>
        <div style="max-width:750px; margin:0 auto;">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!--|first_page|-->
                                        <div class="swiper-slide slide1">
                                            <img src="img/qmpt1.png" class="ani qmpt1" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="1s">
                                            <div class="xiexian1">
                                            <img src="img/dp1.png" class="ani  dp1" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="2.4s">
                                            <img src="img/dx1.png" class="ani dx1">
                                            <img src="img/cx1.png" class="ani cx1">
                                            </div>
                                            <img src="img/sj1.png" class="ani sj1" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
                                            <img src="img/m_arrow.png" class="ani arrow" swiper-animate-effect="fadeOutUp" swiper-animate-duration="1s" swiper-animate-delay="0s">
                                        </div>
                    <!--|End first_page|-->
                    <!--|second_page|-->
                    <div class="swiper-slide slide2">
                        <p class="ani  p2" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1s" swiper-animate-delay="0.5s">线上下单，线下服务</p>
                        <p class="ani  p2s" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="1s" swiper-animate-delay="1s">新潮服务模式，引领时尚品牌生活</p>
                        <div class="xiexian2">
                            <img src="img/here.png" class="ani here" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="2.4s">

                            <img src="img/cx2.png" class="ani cx2">
                            <img src="img/dx2.png" class="ani dx2">
                        </div>      
                        <img src="img/sj2.png" class="ani sj2" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s">                 
                        <img src="img/m_arrow.png" class="ani arrow" swiper-animate-effect="fadeOutUp" swiper-animate-duration="1s" swiper-animate-delay="0s">
                    </div>
                    <!--|End second_page|-->
                    <!--|third_page|-->
                    <div class="swiper-slide slide3">
                        <img src="img/xg.png" class="ani xg" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s"> 
                        <img src="img/qmpt3.png" class="ani qmpt3" swiper-animate-effect="zoomInDown" swiper-animate-duration="1s" swiper-animate-delay="1s">
                        <span class="ani  span1" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="1.2s">方便</span>
                        <span class="ani  span2" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="1.5s">快捷</span>
                        <span class="ani  span3" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="1.8s">高效</span>
                        <img src="img/lkxz.png" class="ani lkxz">
<!--                         swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="2.4s"-->
                    </div>
                    <!--|End third_page|-->
                </div>
            </div>
        </div>
        <script src="js/index.js" type="text/javascript"></script>
    </body>
</html>
